{layout name="layout" /}
<link rel="stylesheet" href="/static/layuiNetCompany/res/static/css/about.css"/>

<!-- banner部分 -->
<div class="banner">
    <div class="title">
        <p>关于我们</p>
        <p class="subhead">网站建设 / 微信开发 / UI设计 / 平面设计</p>
        <p class="en">Thoughtful loving credible powerful and courageous</p>
    </div>
</div>
<!-- main部分 -->
<div class="main-about">

    <div class="layui-row">

        <ul class="aboutab">
            <li class="layui-this">公司简介</li>
            <li>招贤纳士</li>
            <li>发展历程</li>
        </ul>

        <div class="introduction">
            <div class="image-text left">
                <img src="/static/layuiNetCompany/res/static/image/about33.png">
                <div class="text">
                    这是一个非常成功的案例所以我把它放在了这就是为凑个字数但是我现在马上就要凑够字数了如果再能多来几个字就非常完美了这是一个非常成功的案例所以我把它放在了这就是为凑个字数但是我现在马上就要凑够字数了如果再能多来几个字就非常完美了这是一个非常成功的案例所以我把它放在了这就是为凑个字数但是我现在马上就要凑够字数了如果再能多来几个字就非常完美了这是一个非常成功的案例所以我把它放在了这就是为凑个字数但是我现在马上就要凑够字数了如果再能多来几个字就非常完美了这是一个非常成功的案例所以我把它放在了这就是为凑个字数但是我现在马上就要凑够字数了如果再能多来几个字就非常完美了这是一个非常成功的案例所以我把它放在了这就是为凑个字数但是我现在马上就要凑够字数了如果再能多来几个字就非常完美了这是一个非常成功的案例所以我把它放在了这就是为凑个字数但是我现在马上就要凑够字数了如果再能多来几个字就非常完美了这是一个非常成功的案例所以我把它放在了这就是为凑个字数但是我现在马上就要凑够字数了如果再能多来几个字就非常完美了
                </div>
            </div>
            <div class="image-text right">
                <div class="text">
                    这是一个非常成功的案例所以我把它放在了这就是为凑个字数但是我现在马上就要凑够字数了如果再能多来几个字就非常完美了这是一个非常成功的案例所以我把它放在了这就是为凑个字数但是我现在马上就要凑够字数了如果再能多来几个字就非常完美了这是一个非常成功的案例所以我把它放在了这就是为凑个字数但是我现在马上就要凑够字数了如果再能多来几个字就非常完美了这是一个非常成功的案例所以我把它放在了这就是为凑个字数但是我现在马上就要凑够字数了如果再能多来几个字就非常完美了这是一个非常成功的案例所以我把它放在了这就是为凑个字数但是我现在马上就要凑够字数了如果再能多来几个字就非常完美了这是一个非常成功的案例所以我把它放在了这就是为凑个字数但是我现在马上就要凑够字数了如果再能多来几个字就非常完美了这是一个非常成功的案例所以我把它放在了这就是为凑个字数但是我现在马上就要凑够字数了如果再能多来几个字就非常完美了这是一个非常成功的案例所以我把它放在了这就是为凑个字数但是我现在马上就要凑够字数了如果再能多来几个字就非常完美了
                </div>
                <img src="/static/layuiNetCompany/res/static/image/about33.png">
            </div>
        </div>

        <!-- job -->
        <div class="tabJob" id="jobContent"></div>

        <div class="tabCour">
            <p class="title">我们的蜕变</p>
            <ul class="timeline">
                <li class="odd">
                    <div class="cour-img"><img src="/static/layuiNetCompany/res/static/img/us_img4.png"></div>
                    <div class="cour-panel layui-col-sm4 layui-col-lg5">
                        <p class="label">2017 年 6 月</p>
                        <p>我们成立了，来到了杭州西湖这个美丽的地方。</p>
                    </div>
                </li>
                <li>
                    <div class="cour-img"><img src="/static/layuiNetCompany/res/static/img/us_img5.png"></div>
                    <div class="cour-panel layui-col-sm4 layui-col-sm-offset8 layui-col-lg5 layui-col-lg-offset7">
                        <p class="label">2017 年 6 月</p>
                        <p>我们成立了，来到了杭州西湖这个美丽的地方。</p>
                    </div>
                </li>
                <li class="odd">
                    <div class="cour-img"><img src="/static/layuiNetCompany/res/static/img/us_img6.png"></div>
                    <div class="cour-panel layui-col-sm4 layui-col-lg5">
                        <p class="label">2017 年 6 月</p>
                        <p>我们成立了，来到了杭州西湖这个美丽的地方。</p>
                    </div>
                </li>
                <li>
                    <div class="cour-img"><img src="/static/layuiNetCompany/res/static/img/us_img7.png"></div>
                    <div class="cour-panel layui-col-sm4 layui-col-sm-offset8 layui-col-lg5 layui-col-lg-offset7">
                        <p class="label">2017 年 6 月</p>
                        <p>我们成立了，来到了杭州西湖这个美丽的地方。</p>
                    </div>
                </li>
                <li class="odd">
                    <div class="cour-img"><img src="/static/layuiNetCompany/res/static/img/us_img8.png"></div>
                </li>
            </ul>
        </div>
    </div>
    <div style="margin-bottom: 50px;"></div>
</div>


<!--[if lt IE 9]>
<script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
<script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<script>
    layui.config({
        base: '/static/layuiNetCompany/res/static/js/'
    }).use(['jquery', 'layer'], function () {
        let $ = layui.$
            , layer = layui.layer;

        $.get("/index/about/joinUs", function (data) {
            //console.log(data);
            let html = "";

            $.each(data.data, function (index, val) {
                html += "<div class=\"content\">" +
                    "<p class=\"title\">" + val.position + "</p>" +
                    "<p>> 职位描述</p>" +
                    "<div>" + val.conditions + "</div>" +
                    "</div>";

            });
            $("#jobContent").html(html);
            //console.log(html);
        });

    }).use('firm');
</script>
